<!-- internationalisation -->
{% load i18n %}
	{{ form.media }}
	<script>
		$(function()
		{
			$('#btn_save').button(
		    {
				text: true,
		        icons:  {
		                    primary: 'ui-icon-disk'
		                }
		    });
		    $( "#id_date_livraison" ).datepicker({ dateFormat: 'yy-mm-dd' }); 
		    $( "#id_date_facturation" ).datepicker({ dateFormat: 'yy-mm-dd' });
		    $( "#id_date_paiement" ).datepicker({ dateFormat: 'yy-mm-dd' });
		});
	</script>
    <div>
        <form action="{{ url }}" method="post" {% block filetag %}{% endblock %}>
            {% csrf_token %}
            <table class="ui-widget shadowblack table_asgard">
                	<tr>
						<th class="ui-widget-header ui-corner-tl" style="text-align: left;vertical-align: middle;">{{form.nom.label_tag}} :</th>
						<td class="ui-widget-content ui-corner-tr">{{form.nom}}</td>
					</tr>
					<tr>
						<th class="ui-widget-header ui-corner-tl" style="text-align: left;vertical-align: middle;">{{form.client.label_tag}} :</th>
						<td class="ui-widget-content ui-corner-tr">{{form.client}}</td>
					</tr>
					<tr>
						<th class="ui-widget-header ui-corner-tl" style="text-align: left;vertical-align: middle;">{{form.quantite.label_tag}} :</th>
						<td class="ui-widget-content ui-corner-tr">{{form.quantite}}</td>
					</tr>
					<tr>	
						<th class="ui-widget-header ui-corner-tl" style="text-align: left;vertical-align: middle;">{{form.unite.label_tag}} :</th>
						<td class="ui-widget-content ui-corner-tr">{{form.unite}}</td>
					</tr>
					<tr>
						<th class="ui-widget-header ui-corner-tl" style="text-align: left;vertical-align: middle;">{{form.prix.label_tag}} :</th>
						<td class="ui-widget-content ui-corner-tr">{{form.prix}}</td>
					</tr>
					<tr>
						<th class="ui-widget-header ui-corner-tl" style="text-align: left;vertical-align: middle;">{{form.autre1.label_tag}} :</th>
						<td class="ui-widget-content ui-corner-tr">{{form.autre1}}</td>
					</tr>
					<tr>
						<th class="ui-widget-header ui-corner-tl" style="text-align: left;vertical-align: middle;">{{form.autre2.label_tag}} :</th>
						<td class="ui-widget-content ui-corner-tr">{{form.autre2}}</td>
					</tr>
					<tr>
						<th class="ui-widget-header ui-corner-tl" style="text-align: left;vertical-align: middle;">{{form.autre3.label_tag}} :</th>
						<td class="ui-widget-content ui-corner-tr">{{form.autre3}}</td>
					</tr>
					<!--tr>
						<th class="ui-widget-header ui-corner-tl" style="text-align: left;vertical-align: middle;">{{form.date_livraison.label_tag}} :</th>
						<td class="ui-widget-content ui-corner-tr">{{form.date_livraison}}</td>
					</tr>
					<tr>
						<th class="ui-widget-header ui-corner-tl" style="text-align: left;vertical-align: middle;">{{form.date_facturation.label_tag}} :</th>
						<td class="ui-widget-content ui-corner-tr">{{form.date_facturation}}</td>
					</tr>
					<tr>
						<th class="ui-widget-header ui-corner-tl" style="text-align: left;vertical-align: middle;">{{form.date_paiement.label_tag}} :</th>
						<td class="ui-widget-content ui-corner-tr">{{form.date_paiement}}</td>
					</tr-->
					<tr>
						<th class="ui-widget-header ui-corner-tl" style="text-align: left;vertical-align: middle;">{{form.etat.label_tag}} :</th>
						<td class="ui-widget-content ui-corner-tr">{{form.etat}}</td>
					</tr>
					<tr>
						<th class="ui-widget-header ui-corner-tl" style="text-align: left;vertical-align: middle;">{{form.commentaires.label_tag}} :</th>
						<td class="ui-widget-content ui-corner-tr">{{form.commentaires}}</td>
					</tr>
					
                <tr>
                    <td class="ui-widget-content ui-corner-bottom" style="padding: 15px; text-align: center;background: none repeat scroll 0 0 black;" colspan="2">
						<button class="button" type= "submit" id="btn_save">
							Enregistrer
						</button>
                    </td>
                </tr>
            </table>
        </form>
    </div>